body {
        background-image: url('/static/productos/img/IMG_0782.jpg');
        background-repeat: no-repeat;
        background-attachment: fixed;  
        background-size: cover;
      }

.conocenos{
        padding: 30px;
}

@media (max-width: 767.98px){
         .conocenos {
                padding: 5px;
        }       
}

.conocenos h1{
        color: #fff;
        background-color: #00000066;
        padding: 10px 10px;
        width: 230px;
        margin-bottom: 20px;
}
.conocenos p{
        
        padding: 20px 40px;
       
}

.conocenos ul{
        
        padding: 20px 40px;
        text-align:     justify ;
}

.conocenos .card{
        
        width: 90%;
        margin: 0px auto;
        margin-bottom:20px;
        padding:40px;
}


.home{
        padding: 30px;
}

.home h1{
        color: #fff;
        background-color: #00000066;
        padding: 10px 10px;
        width: 230px;
        margin-bottom: 20px;
}
.home p{
        
        padding: 10px 10px;
}

.home .card{
        
        width: 90%;
        margin: 0px auto;
        margin-bottom:20px;
}

.productos {
        padding: 5px;
}

.productos h1{
        color: #fff;
        background-color: #00000066;
        padding: 10px 10px;
        width: 230px;
}

.productos .card{
        
        box-shadow: 3px 3px 12px 0px #666;
        margin-bottom:10px;
}


.detalles {
        padding: 30px;
}

.detalles h1{
        color: #fff;
        background-color: #00000066;
        padding: 10px 10px;
        
}

.detalles .descripcion h2{
        color: #000;
        padding: 10px 0px;
        
}

.detalles .descripcion p{
        color: #000000;
        background-color: #fff;
        padding: 20px 0px;
        
        
}

.detalles .descripcion{
        color: #000000;
        background-color: #fff;
        padding: 20px 30px;
        margin-top: 20px;
        
        
}

@media (max-width: 767.98px){
         .detalles {
                padding: 5px;
        }       
}

.contacto{
        padding: 30px;
}

.contacto h1{
        color: #fff;
        background-color: #00000066;
        padding: 10px 10px;
        width: 230px;
        margin-bottom: 20px;
}

.contacto p{
        background-color:#fff;
        padding: 20px;
        border-radius: .25rem;
        margin: 20px 100px;
}

@media (max-width: 767.98px){
         .contacto p {
                padding: 10px;
                margin:5px;
        }       
}

.contacto p label{
        font-weight:bold;
}

.contacto submit{
        background-color:#fff;
        padding: 10px 10px;
        border-radius: .25rem;
}

.aviso{
        padding: 30px;
}

.aviso h1{
        color: #fff;
        background-color: #00000066;
        padding: 10px 10px;
        width: 500px;
        margin-bottom: 20px;
}

.aviso h6{
        
        background-color: #fff;
        padding: 10px 10px;
        margin-bottom: 20px;
}
.aviso .hoja{
        background-color:#fff;
        padding: 20px 30px;
        border-radius: .25rem;
       
}